<!DOCTYPE html>
<html lang="en">
<head>
    
    <meta charset="utf-8">
    <title>packages/TreeTable/SkyTreeTable.vue - Documentation</title>
    
    
    
    
    
    <script src="scripts/prettify/prettify.js"></script>
    <script src="scripts/prettify/lang-css.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
    <script src="scripts/nav.js" defer></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
  <div class="navicon"></div>
</label>

<label for="nav-trigger" class="overlay"></label>

<nav class="wrap">
    
    <input type="text" id="nav-search" placeholder="Search" />
    
    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyButton%2520%25E6%258C%2589%25E9%2592%25AE.html">组件/SkyButton 按钮</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyButton%252520%2525E6%25258C%252589%2525E9%252592%2525AE.html#~handleClick">handleClick</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyButtonGroup%2520%25E6%258C%2589%25E9%2592%25AE%25E7%25BB%2584.html">组件/SkyButtonGroup 按钮组</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyButtonGroup%252520%2525E6%25258C%252589%2525E9%252592%2525AE%2525E7%2525BB%252584.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyButtonGroup%252520%2525E6%25258C%252589%2525E9%252592%2525AE%2525E7%2525BB%252584.html#~dropdownbtn">dropdownbtn</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyButtonGroup%252520%2525E6%25258C%252589%2525E9%252592%2525AE%2525E7%2525BB%252584.html#~dropdownbtnclick">dropdownbtnclick</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyButtonGroup%252520%2525E6%25258C%252589%2525E9%252592%2525AE%2525E7%2525BB%252584.html#~dropdownbtnclick">dropdownbtnclick</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyButtonGroup%252520%2525E6%25258C%252589%2525E9%252592%2525AE%2525E7%2525BB%252584.html#~randomdropdown">randomdropdown</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyButtonGroup%252520%2525E6%25258C%252589%2525E9%252592%2525AE%2525E7%2525BB%252584.html#~randomRef">randomRef</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyCalendar%2520%25E6%2597%25A5%25E5%258E%2586.html">组件/SkyCalendar 日历</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCalendar%252520%2525E6%252597%2525A5%2525E5%25258E%252586.html#~currentclick">currentclick</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCalendar%252520%2525E6%252597%2525A5%2525E5%25258E%252586.html#~getInitTime">getInitTime</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCalendar%252520%2525E6%252597%2525A5%2525E5%25258E%252586.html#~handleAetCalendar">handleAetCalendar</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyCardPanel%2520%25E9%259D%25A2%25E6%259D%25BF.html">组件/SkyCardPanel 面板</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyCatalogContainer.html">组件/SkyCatalogContainer</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCatalogContainer.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCatalogContainer.html#~touchpop">touchpop</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyCatalogPage.html">组件/SkyCatalogPage</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyCheckbox%2520%25E6%259D%25A1%25E4%25BB%25B6%25E5%25A4%259A%25E9%2580%2589.html">组件/SkyCheckbox 条件多选</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCheckbox%252520%2525E6%25259D%2525A1%2525E4%2525BB%2525B6%2525E5%2525A4%25259A%2525E9%252580%252589.html#~select">select</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyCheckboxGroup.html">组件/SkyCheckboxGroup</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCheckboxGroup.html#~random">random</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyCheckboxGroup.html#~returnBack">returnBack</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyColumn.html">组件/SkyColumn</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyConfirm%2520%25E7%25A1%25AE%25E8%25AE%25A4%25E6%25A1%2586.html">组件/SkyConfirm 确认框</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyConfirm%252520%2525E7%2525A1%2525AE%2525E8%2525AE%2525A4%2525E6%2525A1%252586.html#~onClosed">onClosed</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyDateInput%2520%25E6%2597%25A5%25E6%259C%259F%25E6%258E%25A7%25E4%25BB%25B6.html">组件/SkyDateInput 日期控件</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDateInput%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~getDate">getDate</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDateInput%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~randomId">randomId</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyDatePicker%2520%25E6%2597%25A5%25E6%259C%259F%25E6%258E%25A7%25E4%25BB%25B6.html">组件/SkyDatePicker 日期控件</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~changeDay">changeDay</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~changeMonth">changeMonth</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~dateArr">dateArr</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~getCountDays">getCountDays</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~getNextDay">getNextDay</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~getUpDay">getUpDay</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~position">position</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~randomId">randomId</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDatePicker%252520%2525E6%252597%2525A5%2525E6%25259C%25259F%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~setYMD">setYMD</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyDialog%2520%25E5%25AF%25B9%25E8%25AF%259D%25E6%25A1%2586.html">组件/SkyDialog 对话框</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDialog%252520%2525E5%2525AF%2525B9%2525E8%2525AF%25259D%2525E6%2525A1%252586.html#~close">close</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyDrawer%2520%25E6%258A%25BD%25E5%25B1%2589.html">组件/SkyDrawer 抽屉</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDrawer%252520%2525E6%25258A%2525BD%2525E5%2525B1%252589.html#~close">close</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyDropSelect%2520%25E4%25B8%258B%25E6%258B%2589%25E6%25A1%2586.html">组件/SkyDropSelect 下拉框</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDropSelect%252520%2525E4%2525B8%25258B%2525E6%25258B%252589%2525E6%2525A1%252586.html#~autocomputedheigth">autocomputedheigth</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDropSelect%252520%2525E4%2525B8%25258B%2525E6%25258B%252589%2525E6%2525A1%252586.html#~bubbling">bubbling</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDropSelect%252520%2525E4%2525B8%25258B%2525E6%25258B%252589%2525E6%2525A1%252586.html#~clearcurrent">clearcurrent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDropSelect%252520%2525E4%2525B8%25258B%2525E6%25258B%252589%2525E6%2525A1%252586.html#~randomId">randomId</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyDropSelectList.html">组件/SkyDropSelectList</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyDropSelectList.html#~bubbling">bubbling</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyFixedSidebar%2520%25E4%25BE%25A7%25E8%25BE%25B9%25E6%25A0%258F%25E6%25A0%2587%25E7%25AD%25BE%25E9%25A1%25B5.html">组件/SkyFixedSidebar 侧边栏标签页</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyForm.html">组件/SkyForm</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyForm.html#~findAllFormItem">findAllFormItem</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyForm.html#~getForm">getForm</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyForm.html#~randomId">randomId</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyForm.html#~resetFields">resetFields</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyForm.html#~validate">validate</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyFormItem.html">组件/SkyFormItem</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyFormItem.html#~resetField">resetField</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyFormItem.html#~validate">validate</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyHiddenPanel.html">组件/SkyHiddenPanel</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyIconFont%2520%25E5%259B%25BE%25E6%25A0%2587%25E5%25BA%2593.html">组件/SkyIconFont 图标库</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyIconFont%252520%2525E5%25259B%2525BE%2525E6%2525A0%252587%2525E5%2525BA%252593.html#~handleClick">handleClick</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyInput%2520%25E8%25BE%2593%25E5%2585%25A5%25E6%25A1%2586.html">组件/SkyInput 输入框</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~clearinput">clearinput</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~getTrigger">getTrigger</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onBlur">onBlur</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onBlurRate">onBlurRate</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onBlurThousand">onBlurThousand</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onChange">onChange</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onFousRate">onFousRate</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onFousThousand">onFousThousand</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onInput">onInput</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onInputRate">onInputRate</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInput%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E6%2525A1%252586.html#~onInputThousand">onInputThousand</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyInputPopUp%2520%25E8%25BE%2593%25E5%2585%25A5%25E8%25B6%2585%25E6%2596%2587%25E6%259C%25AC%25E6%25A1%2586.html">组件/SkyInputPopUp 输入超文本框</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInputPopUp%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E8%2525B6%252585%2525E6%252596%252587%2525E6%25259C%2525AC%2525E6%2525A1%252586.html#~OnFocus">OnFocus</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyInputPopUp%252520%2525E8%2525BE%252593%2525E5%252585%2525A5%2525E8%2525B6%252585%2525E6%252596%252587%2525E6%25259C%2525AC%2525E6%2525A1%252586.html#~randomId">randomId</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyLayoutCol.html">组件/SkyLayoutCol</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyLayoutRow.html">组件/SkyLayoutRow</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyLeftTabPane.html">组件/SkyLeftTabPane</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyLeftTabs.html">组件/SkyLeftTabs</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyLeftTabs.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyLeftTabs.html#~currentClick">currentClick</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyLoading.html">组件/SkyLoading</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyMatrix.html">组件/SkyMatrix</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyMessage.html">组件/SkyMessage</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyMessage.html#~close">close</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyMessage.html#~formatDate">formatDate</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyMessage.html#~randomId">randomId</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyNotification.html">组件/SkyNotification</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyNotification.html#~close">close</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyOption.html">组件/SkyOption</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyOutSide.html">组件/SkyOutSide</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyPointPage.html">组件/SkyPointPage</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyPopConfirm.html">组件/SkyPopConfirm</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyPopConfirm.html#~comfirm">comfirm</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyPopConfirm.html#~randomId">randomId</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyPopUpBox.html">组件/SkyPopUpBox</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyPopUpBox.html#~OnBlur">OnBlur</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyPopUpBox.html#~whatHide">whatHide</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyRadio.html">组件/SkyRadio</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyRadio.html#~changeradio">changeradio</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyRadioGroup.html">组件/SkyRadioGroup</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyRadioGroup.html#~initsingle">initsingle</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyRadioGroup.html#~random">random</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyRow.html">组件/SkyRow</a></li><li><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyScalingCase.html">组件/SkyScalingCase</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%252525E7%252525BB%25252584%252525E4%252525BB%252525B6_SkyScalingCase.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%252525E7%252525BB%25252584%252525E4%252525BB%252525B6_SkyScalingCase.html#~nowclick">nowclick</a></li></ul></li><li></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkySelect.html">组件/SkySelect</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkySelect.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkySelect.html#~initShowLabel">initShowLabel</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkySelect.html#~OnFocus">OnFocus</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkySelect.html#~randomId">randomId</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyStepItem%2520%25E8%25BF%259B%25E5%25BA%25A6%25E6%259D%25A1.html">组件/SkyStepItem 进度条</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyStepItem%252520%2525E8%2525BF%25259B%2525E5%2525BA%2525A6%2525E6%25259D%2525A1.html#~currentclick">currentclick</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkySteps%2520%25E8%25BF%259B%25E5%25BA%25A6%25E6%259D%25A1.html">组件/SkySteps 进度条</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkySteps%252520%2525E8%2525BF%25259B%2525E5%2525BA%2525A6%2525E6%25259D%2525A1.html#~calcStep">calcStep</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkySteps%252520%2525E8%2525BF%25259B%2525E5%2525BA%2525A6%2525E6%25259D%2525A1.html#~childupprocess">childupprocess</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkySwitch.html">组件/SkySwitch</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkySwitch.html#~toggle">toggle</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTable%2520%25E8%25A1%25A8%25E6%25A0%25BC.html">组件/SkyTable 表格</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~allselect">allselect</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~change">change</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~clearcurrent">clearcurrent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~dropwidthfunc">dropwidthfunc</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~exitscreenfull">exitscreenfull</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~getDoubleCurrent">getDoubleCurrent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~getSingleCurrent">getSingleCurrent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~init">init</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~initCheckSelect">initCheckSelect</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~randomId">randomId</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~screenfulltouch">screenfulltouch</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~SelfthStyle">SelfthStyle</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~sortFunc">sortFunc</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~thFixedFun">thFixedFun</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~thFixedWidth">thFixedWidth</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~thStyle">thStyle</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTable%252520%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~unitselect">unitselect</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTextarea.html">组件/SkyTextarea</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTextarea.html#~getHight">getHight</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTextarea.html#~inputInfo">inputInfo</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTextarea.html#~onBlur">onBlur</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTextarea.html#~randomId">randomId</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTopTabPane.html">组件/SkyTopTabPane</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTopTabs.html">组件/SkyTopTabs</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTopTabs.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTopTabs.html#~currentClick">currentClick</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTree%2520%25E6%25A0%2591%25E5%25BD%25A2%25E6%258E%25A7%25E4%25BB%25B6.html">组件/SkyTree 树形控件</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~append">append</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~filter">filter</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~getCurrentKey">getCurrentKey</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~getCurrentNode">getCurrentNode</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~getNode">getNode</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~remove">remove</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~setCurrentKey">setCurrentKey</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~setCurrentNode">setCurrentNode</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTree%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E6%25258E%2525A7%2525E4%2525BB%2525B6.html#~updateKeyChildren">updateKeyChildren</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTreeColumn.html">组件/SkyTreeColumn</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeColumn.html#~ladderStyle">ladderStyle</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeColumn.html#~toggle">toggle</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTreeSelect.html">组件/SkyTreeSelect</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeSelect.html#~findAllparent">findAllparent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeSelect.html#~flatten">flatten</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeSelect.html#~initexpend">initexpend</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeSelect.html#~nidToLabel">nidToLabel</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeSelect.html#~OnFocus">OnFocus</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeSelect.html#~randomId">randomId</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeSelect.html#~strengthen">strengthen</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyTreeTable%2520%25E6%25A0%2591%25E5%25BD%25A2%25E8%25A1%25A8%25E6%25A0%25BC.html">组件/SkyTreeTable 树形表格</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~allselect">allselect</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~append">append</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~buildRelationships">buildRelationships</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~calcPaneInstances">calcPaneInstances</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~clearallselect">clearallselect</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~clearcurrent">clearcurrent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~deepexchange">deepexchange</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~deepTraversal">deepTraversal</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~delete">delete</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~getAllList">getAllList</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~getAllSelectList">getAllSelectList</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~getAppointNode">getAppointNode</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~GetCategoryList">GetCategoryList</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~getDoubleCurrent">getDoubleCurrent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~getSingleCurrent">getSingleCurrent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~initData">initData</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~initialize">initialize</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~initPageShowList">initPageShowList</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~inputTrigger">inputTrigger</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~nodeselect">nodeselect</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~nowLevel">nowLevel</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~parentselect">parentselect</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~randomprefix">randomprefix</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~ReFreshComponent">ReFreshComponent</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~searchFilter">searchFilter</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~SelfthStyle">SelfthStyle</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~tableScroll">tableScroll</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~thStyle">thStyle</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyTreeTable%252520%2525E6%2525A0%252591%2525E5%2525BD%2525A2%2525E8%2525A1%2525A8%2525E6%2525A0%2525BC.html#~toggle">toggle</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyUnit.html">组件/SkyUnit</a></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyUploadGroup.html">组件/SkyUploadGroup</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyUploadGroup.html#~fileType">fileType</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyUploadGroup.html#~handleClick">handleClick</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyUploadGroup.html#~iconMap">iconMap</a></li></ul></li><li><a href="module-%25E7%25BB%2584%25E4%25BB%25B6_SkyUploadList.html">组件/SkyUploadList</a><ul class='methods'><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyUploadList.html#~fileType">fileType</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyUploadList.html#~handleClick">handleClick</a></li><li data-type='method' style='display: none;'><a href="module-%2525E7%2525BB%252584%2525E4%2525BB%2525B6_SkyUploadList.html#~iconMap">iconMap</a></li></ul></li></ul><h3>Global</h3><ul><li><a href="global.html#debounce">debounce</a></li><li><a href="global.html#deepClone">deepClone</a></li><li><a href="global.html#deregisterNode">deregisterNode</a></li><li><a href="global.html#isObject">isObject</a></li><li><a href="global.html#isPrimitive">isPrimitive</a></li><li><a href="global.html#isType">isType</a></li><li><a href="global.html#registerNode">registerNode</a></li></ul>
</nav>

<div id="main">
    
    <h1 class="page-title">packages/TreeTable/SkyTreeTable.vue</h1>
    

    



    
    <section>
        <article>
            <pre class="prettyprint source linenums"><code>&lt;template>

  &lt;div :class="['SkyTreeTable',FixedHead?'FixedHead':'',FixedColumn?'FixedColumn':'',scrollDirection?scrollDirection:'']">
    &lt;div>

      &lt;!-- 大数据量主体 -->
      &lt;div v-if="LargeData" :style="SkyTreeBodyStyle" @scroll="tableScroll" :id="randomPrefix+'VirtualWrapper'">

        &lt;div :style="virtualWrapper">
          &lt;div :style="tabWrapStyle">
            &lt;table border="0" cellspacing="0" class="table" :style="tabStyle">
              &lt;colgroup>
                &lt;col v-if="showcheckbox" width="60" />
                &lt;col v-for="(item,index) in ths" :width="thFixedWidth(item)" />
              &lt;/colgroup>
              &lt;thead>
                &lt;template v-if="SelfTheadConfig.length>0">
                  &lt;tr v-for="(theadtr,trindex) in SelfTheadConfig" :key="'tr'+trindex" @click="clearcurrent">
                    &lt;th v-for="(theadth,thindex ) in theadtr" :style="SelfthStyle(theadth,trindex) " :key="'th'+thindex" :colspan="theadth.colspan" :rowspan="theadth.rowspan">
                      {{theadth.title}}
                      &lt;span v-if="theadth.deepchoice" :class="['deep-wrap']">
                        &lt;img src="../../assets/images/deepscaling.png" @click="deepexchange" alt="">
                        &lt;span v-if="deepexpend" :class="['deep-inner',deepexpend?'deepshow':null]">
                          &lt;span v-for="(ideep,idxdeep) in subListDeep" :class="['deep-item',defaultLevel==ideep?'active':null]" @click="nowLevel(ideep)">{{ideep}}&lt;/span>
                        &lt;/span>
                        &lt;span v-else :class="['deep-inner']">{{defaultLevel}}&lt;/span>
                      &lt;/span>
                    &lt;/th>
                  &lt;/tr>
                &lt;/template>

                &lt;tr v-else @click="clearcurrent">
                  &lt;th v-if="showcheckbox" class="checkbox-th" :style="thStyle({'left':0,'fixed':true,'width':'60px'})">
                    &lt;input type="checkbox" v-if="!MultipleChoice" v-model="ckeckVal" @change="allselect(ckeckVal)" />
                  &lt;/th>
                  &lt;th v-for="(item,index) in ths" :key="'deep'+index+DeepKey" :style="thStyle(item)">
                    {{item.label}}
                    &lt;span v-if="item.deepchoice" :class="['deep-wrap']">
                      &lt;img src="../../assets/images/deepscaling.png" @click="deepexchange" alt="">
                      &lt;span v-if="deepexpend" :class="['deep-inner',deepexpend?'deepshow':null]">
                        &lt;span v-for="(ideep,idxdeep) in subListDeep" :class="['deep-item',defaultLevel==ideep?'active':null]" @click="nowLevel(ideep)">{{ideep}}&lt;/span>
                      &lt;/span>
                      &lt;span v-else :class="['deep-inner']">{{defaultLevel}}&lt;/span>
                    &lt;/span>
                  &lt;/th>
                &lt;/tr>
              &lt;/thead>

              &lt;tbody v-if="ReFreshTbody">
                &lt;template v-if="!empty">

                  &lt;!-- 大数据量 -->

                  &lt;template v-for="(item,index) in articleList">
                    &lt;tr :key="'tr'+index+TrKey" :class="current&amp;&amp; pageShowList[index]&amp;&amp;  current.nodeId===pageShowList[index].nodeId?'clickBackGround':null" @click="getSingleCurrent(pageShowList[index])" @dblclick="getDoubleCurrent(pageShowList[index])">
                      &lt;template v-if="pageShowList[index]&amp;&amp;(pageShowList[index].nodeParentId ==0 || pageShowList[index].isShow)">
                        &lt;td v-if="showcheckbox" class="checkbox-td" :style="checkboxStyle">
                          &lt;input type="checkbox" v-model="pageShowList[index].check" @click="inputTrigger(pageShowList[index])" :disabled="pageShowList[index].disabled===true" @change="nodeselect(pageShowList[index])" />
                        &lt;/td>
                        &lt;slot :scope="pageShowList[index]" :index="pageShowList[index].index">&lt;/slot>
                      &lt;/template>
                    &lt;/tr>
                  &lt;/template>

                &lt;/template>

                &lt;template v-else>
                  &lt;tr class="empty-hidden-tr">
                    &lt;slot :scope="{}" :index="0">&lt;/slot>
                  &lt;/tr>
                  &lt;tr>
                    &lt;td :colspan="emptytdcolspan" class="empty-td-wrap">
                      &lt;div>
                        &lt;img src="../../assets/images/emptydatapic.png" alt="">
                      &lt;/div>
                      &lt;div>
                        空数据
                      &lt;/div>
                    &lt;/td>
                  &lt;/tr>
                &lt;/template>
              &lt;/tbody>
            &lt;/table>
          &lt;/div>
        &lt;/div>

      &lt;/div>

      &lt;div v-else :style="SkyTreeBodyStyle">
        &lt;div class="commom-wrapper">

          &lt;table border="0" cellspacing="0" class="table" :style="tabStyle">
            &lt;thead>
              &lt;template v-if="SelfTheadConfig.length>0">
                &lt;tr v-for="(theadtr,trindex) in SelfTheadConfig" :key="'tr'+trindex" @click="clearcurrent">
                  &lt;th v-for="(theadth,thindex ) in theadtr" :style="SelfthStyle(theadth,trindex) " :key="'th'+thindex" :colspan="theadth.colspan" :rowspan="theadth.rowspan">
                    {{theadth.title}}
                    &lt;span v-if="theadth.deepchoice" :class="['deep-wrap']">
                      &lt;img src="../../assets/images/deepscaling.png" @click="deepexchange" alt="">
                      &lt;span v-if="deepexpend" :class="['deep-inner',deepexpend?'deepshow':null]">
                        &lt;span v-for="(ideep,idxdeep) in subListDeep" :class="['deep-item',defaultLevel==ideep?'active':null]" @click="nowLevel(ideep)">{{ideep}}&lt;/span>
                      &lt;/span>
                      &lt;span v-else :class="['deep-inner']">{{defaultLevel}}&lt;/span>
                    &lt;/span>
                  &lt;/th>
                &lt;/tr>
              &lt;/template>

              &lt;tr v-else @click="clearcurrent">
                &lt;th v-if="showcheckbox" class="checkbox-th" :style="checkboxStyle">
                  &lt;input type="checkbox" v-if="!MultipleChoice" v-model="ckeckVal" @change="allselect(ckeckVal)" />
                &lt;/th>
                &lt;th v-for="(item,index) in ths" :key="'deep'+index+DeepKey" :style="thStyle(item)">
                  {{item.label}}
                  &lt;span v-if="item.deepchoice" :class="['deep-wrap']">
                    &lt;img src="../../assets/images/deepscaling.png" @click="deepexchange" alt="">
                    &lt;span v-if="deepexpend" :class="['deep-inner',deepexpend?'deepshow':null]">
                      &lt;span v-for="(ideep,idxdeep) in subListDeep" :class="['deep-item',defaultLevel==ideep?'active':null]" @click="nowLevel(ideep)">{{ideep}}&lt;/span>
                    &lt;/span>
                    &lt;span v-else :class="['deep-inner']">{{defaultLevel}}&lt;/span>
                  &lt;/span>
                &lt;/th>
              &lt;/tr>
            &lt;/thead>

            &lt;tbody v-if="ReFreshTbody">
              &lt;template v-if="!empty">
                &lt;template v-for="(item,index) in pageShowList">
                  &lt;tr v-if="item.nodeParentId ==0 || item.isShow" :key="'tr'+index+TrKey" @click="getSingleCurrent(item)" @dblclick="getDoubleCurrent(item)" :class="current.nodeId===item.nodeId?'clickBackGround':null">
                    &lt;td v-if="showcheckbox" class="checkbox-td" :style="checkboxStyle">
                      &lt;input type="checkbox" v-model="item.check" @click="inputTrigger(item)" :disabled="item.disabled===true" @change="nodeselect(item)" />
                    &lt;/td>
                    &lt;slot :scope="item" :index="index">&lt;/slot>
                  &lt;/tr>
                &lt;/template>
              &lt;/template>

              &lt;template v-else>
                &lt;tr class="empty-hidden-tr">
                  &lt;slot :scope="{}" :index="0">&lt;/slot>
                &lt;/tr>
                &lt;tr>
                  &lt;td :colspan="emptytdcolspan" class="empty-td-wrap">
                    &lt;div>
                      &lt;img src="../../assets/images/emptydatapic.png" alt="">
                    &lt;/div>
                    &lt;div>
                      空数据
                    &lt;/div>
                  &lt;/td>
                &lt;/tr>
              &lt;/template>

            &lt;/tbody>
          &lt;/table>
        &lt;/div>
      &lt;/div>
    &lt;/div>

  &lt;/div>

&lt;/template>

&lt;script>
  /**
   * @module 组件/SkyTreeTable 树形表格
   */
  import { debounce, isType, deepClone } from '../../utils/index'

  export default {
    name: "SkyTreeTable",
    provide () {
      return {
        GetCategoryList: this.GetCategoryList,
      }
    },
    data () {
      return {
        empty: true,
        ReFreshTbody: true,
        innersideList: [],
        categoryList: [],
        TrKey: 0,
        DeepKey: 0,
        current: "",
        columns: [],
        ckeckVal: false,
        defaultLevel: 1,
        deepexpend: true,
        randomPrefix: '',
        pageShowList: [],
        treeMap: {},
        curRow: 0,
        curCol: 0,
        scrollLeft: 0,
        scrollTop: 0,
        scrollDirection: "",
        searchValue: "",
        searchCount: 0,
      }
    },
    watch: {
      outsideList: {
        handler (value, oldvalue) {
          if (value == oldvalue) {
            return false
          }
          if (value.length == 0) {
            this.empty = true
          } else {
            this.empty = false
            this.initialize()
          }
        },
        immediate: true,
        deep: true
      },
      defaultSelect: {
        handler (value) {
          if (Object.prototype.toString.call(value) != '[object Array]') {
            return false
          }
          this.$nextTick(() => {
            this.categoryList.map(item => {
              if (value.includes(item[this.normalizer.id])) {
                item.check = true
              } else {
                item.check = false
              }
            })
            this.TrKey++
          })
        },
        immediate: true,
        deep: true
      },
    },
    computed: {
      articleList () {
        // let count = 0
        // let length = this.categoryList.map((item, index) => {
        //   return item.isShow == true
        // }).length
        return Math.ceil(this.maxheight / 40)
      },
      checkboxStyle () {
        return {
          left: this.FixedColumn ? '0px' : "",
          zIndex: this.FixedColumn ? 40 : 20,
          width: "60px",
          top: this.LargeData ? null : 0,
        }
      },
      virtualWrapper () {
        let height = this.categoryList.filter((item, index) => {
          return item.isShow == true
        }).length * 40
        return {
          height: height + "px"
        }
      },
      theadWrapStyle () {
        let scrollLeft = this.scrollLeft
        return {
          transform: `translateX(${-scrollLeft}px)`
        }
      },
      tabWrapStyle () {
        let scrollTop = this.scrollTop
        return {
          transform: `translateY(${scrollTop}px)`
        }
      },
      ths () {
        let newArr = [];
        let arr = this.columns;
        let obj = {};
        for (var i = 0; i &lt; arr.length; i++) {
          if (!obj[arr[i].prop]) {
            newArr.push(arr[i]);
            obj[arr[i].prop] = true;
          }
        }
        return newArr;
      },
      emptytdcolspan () {
        return this.ths.length + (this.showcheckbox ? 1 : 0)
      },
      tabStyle () {
        return {
          width: this.TableWidth ? this.TableWidth + 'px' : null,
        }
      },
      thFixedWidth (item) {
        return function (item) {
          return item.width ? item.width : "";
        }
      },
      SkyTreeBodyStyle () {
        return {
          height: this.maxheight ? this.maxheight + 'px' : null,
          overflow: 'auto',
        }
      },
      subListDeep () {
        let max = null
        this.categoryList.map(item => {
          item.deepLength > max ? max = item.deepLength : 0
        })
        return max + 1
      },
    },
    /**
    * Props 接受父组件的传值
    * @prop {Boolean} FixedHead 
    * @prop {Boolean} FixedColumn 
    * @prop {Boolean} LargeData 
    * @prop {Array} outsideList 
    * @prop {Number} maxload 
    * @prop {Object} normalizer 
    * @prop {String | Number} TableWidth 
    * @prop {Boolean} showcheckbox 
    * @prop {Boolean} closeborder 
    * @prop {Boolean} MultipleChoice 
    * @prop {Boolean} autoParentSelect 
    * @prop {Array} SelfTheadConfig 
    * @prop {String | Number} maxheight 
    * @prop {Boolean} defaultexpend 
    * @prop {Array} defaultSelect 
    */
    props: {
      FixedHead: Boolean,
      FixedColumn: Boolean,
      LargeData: Boolean,
      // 数据
      outsideList: {
        type: Array,
        default: () => {
          return [];
        },
      },
      // 最大加载条数
      maxload: {
        type: Number,
        default: 100
      },
      // 绑定关系
      normalizer: {
        type: Object,
        default: () => {
          return {
            parentId: 'parentId',
            id: 'id',
          };
        },
      },
      TableWidth: {
        type: [String, Number]
      },
      showcheckbox: Boolean,
      closeborder: Boolean,
      MultipleChoice: Boolean,
      autoParentSelect: Boolean,
      SelfTheadConfig: {
        default () {
          return []
        }
      },//多级表头
      maxheight: {
        type: [String, Number]
      },
      defaultexpend: Boolean,
      defaultSelect: {
        type: Array,
        default () {
          return []
        }
      }
    },
    methods: {
      /**
       * @function tableScroll
       * @deprecated 
       */
      tableScroll: function (e) {
        const scrollLeft = e.target.scrollLeft
        const scrollTop = e.target.scrollTop

        if (scrollLeft == this.scrollLeft) {
          this.scrollDirection = 'vertical'
        } else {
          this.scrollDirection = 'horizontal'
        }

        let length = this.categoryList.filter((item, index) => {
          return item.isShow == true
        }).length
        if (scrollTop >= length * 40) {
          this.scrollTop = length * 40
          document.getElementById(`${this.randomPrefix}VirtualWrapper`).scrollTo(0, length * 40)
          return false
        }

        this.curCol = parseInt(scrollLeft / 4000)
        this.curRow = parseInt(scrollTop / 40)
        this.scrollLeft = scrollLeft
        this.scrollTop = scrollTop

        /**初始化列表数据 */
        this.initPageShowList()
      },
      /**
       * @function inputTrigger
       * @deprecated 
       */
      inputTrigger (unit) {
        this.$emit("checkChange", unit, "unitCheck");
      },
      /**
       * @function randomprefix
       * @deprecated 
       */
      randomprefix () {
        let len = 8;
        let $chars = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz";
        let maxPos = $chars.length;
        let id = "";
        for (let i = 0; i &lt; len; i++) {
          id += $chars.charAt(Math.floor(Math.random() * maxPos));
        }
        return id;
      },
      /**
       * @function getAppointNode
       * @deprecated 
       */
      getAppointNode (key) {
        return this.treeMap[key]
      },
      /**
       * @function clearcurrent
       * @deprecated 
       */
      clearcurrent () {
        this.current = ""
        this.$emit("getCurrent", null, "Single");
      },
      /**
       * @function searchFilter
       * @deprecated 
       */
      searchFilter (val, key) {
        if (!val) {
          this.searchValue = ""
          this.$SkyMessage('请输入正确的搜索条件', 'error')
          return false
        }
        this.nowLevel(this.subListDeep)
        let indexgather = []
        this.categoryList.map((item, index) => {
          if (item[key].indexOf(val) >= 0) {
            indexgather.push(index)
          }
        })

        if (this.searchValue == val) {
          this.searchCount++
          if (this.searchCount >= indexgather.length) {
            this.searchCount = 0
          }
          document.getElementById(`${this.randomPrefix}VirtualWrapper`).scrollTo(0, parseInt(indexgather[this.searchCount]) * 40)
          let nowRow = this.categoryList[indexgather[this.searchCount]]
          this.current = nowRow
          this.$emit("getCurrent", nowRow, "Search");
        } else {
          this.searchValue = val
          this.searchCount = 0
          document.getElementById(`${this.randomPrefix}VirtualWrapper`).scrollTo(0, parseInt(indexgather[0]) * 40)
          let nowRow = this.categoryList[indexgather[0]]
          this.current = nowRow
          this.$emit("getCurrent", nowRow, "Search");
        }

      },
      /**
       * @function deepexchange
       * @deprecated 
       */
      deepexchange () {
        this.deepexpend = !this.deepexpend
        this.DeepKey++
      },
      /**
       * @function nowLevel
       * @deprecated 
       */
      nowLevel (now) {
        this.defaultLevel = now
        this.categoryList.map(item => {
          if (item.deepLength &lt; parseInt(now) - 1) {
            item.isColspan = true
            item.isShow = true
          }
          if (item.deepLength == parseInt(now) - 1) {
            item.isColspan = false
            item.isShow = true
          }
          if (item.deepLength > parseInt(now) - 1) {
            item.isColspan = false
            item.isShow = false
          }
        })
        this.initPageShowList()
        this.ReFreshComponent('ReFreshTbody')
      },
      /**
       * @function allselect
       * @deprecated 
       */
      allselect (all) {
        this.categoryList.map(item => {
          item.check = all;
        })
        this.$emit("checkChange", all, "allCheck");
      },
      /**
       * @function clearallselect
       * @deprecated 
       */
      clearallselect () {
        this.categoryList.map(item => {
          item.check = false;
        })
      },
      /**
       * @function parentselect
       * @deprecated 
       */
      parentselect (unit) {
        let _this = this
        function deepparent (item) {
          item.check = true
          if (!item.nodeParentId) {
            return false
          }
          let parent = _this.getAppointNode(item.nodeParentId)
          deepparent(parent)
        }
        if (unit.check) {
          deepparent(unit)
        }
      },
      /**
       * @function nodeselect
       * @deprecated 
       */
      nodeselect (nowunit) {
        let _this = this
        if (this.MultipleChoice) {
          this.categoryList.some((item, indedx) => {
            if (item.nodeId != nowunit.nodeId) {
              item.check = false
            } else {
            }
          })
          this.TrKey++
          return false
        }
        function deepselect (unit) {
          unit.sons.length > 0 &amp;&amp; unit.sons.map((item) => {
            let node = _this.getAppointNode(item)
            node.check = unit.check
            deepselect(node)
          })
        }
        deepselect(nowunit)
        if (this.autoParentSelect) {
          /** 父级勾选等待修复 */
          this.parentselect(nowunit)
        }
        this.TrKey++
      },
      /**
       * @function calcPaneInstances
       * @deprecated 
       */
      calcPaneInstances () {
        setTimeout(() => {
          if (this.$children) {
            this.$children.filter(vnode => {
              let opt = {
                label: vnode.label,
                prop: vnode.prop,
                align: vnode.align,
                deepchoice: vnode.deepchoice,
                // sort: "",
                fixed: vnode.fixed || false,
                fixedLeftWidth: vnode.fixedLeftWidth,
                width: vnode.width || 0
              };
              this.columns.push(opt);
            });
          }
        }, 10);
      },
      /**
       * @function ReFreshComponent
       * @deprecated 刷新组件
       */
      ReFreshComponent (flag) {
        this[flag] = false
        this.$nextTick(() => {
          this[flag] = true
        })
      },
      /**
       * @function initData
       * @deprecated 
       */
      initData (origin) {
        this.buildRelationships(origin)
        let _this = this
        _this.treeMap = {}
        if (origin) {
          let listOri = origin;
          let list = listOri.reduce(function (prev, item) {
            item.isShow = item.isShow ? item.isShow : false;
            item.isColspan = item.isColspan ? item.isColspan : false;
            if (_this.showcheckbox) {
              item.check = false;
            }
            prev[item.nodeParentId] ? prev[item.nodeParentId].push(item) : prev[item.nodeParentId] = [item];
            _this.treeMap[item.nodeId] = item
            return prev
          }, {});
          // function findParent (nodeParentId) {
          //   return listOri.find((item) => {
          //     return item.nodeId == nodeParentId
          //   })
          // }
          for (let parentItem in list) {
            list[parentItem].forEach(function (item) {
              item.children = list[item.nodeId] ? list[item.nodeId] : [];
              // item.parent = findParent(item.nodeParentId)  //超级bug
            });
          }
          this.cateListTree = list[0];
          this.categoryList = this.deepTraversal(this.cateListTree);

          this.categoryList.map((item, index) => {
            Object.keys(item).forEach(function (key) {
              if (key == 'children') {
                let sons = []
                item['children'].map((child, index) => {
                  sons.push(child.nodeId)
                })
                delete item['children']
                item['sons'] = sons
              }
            })
          })
        }
      },
      /**
       * @function deepTraversal
       * @deprecated 深度优先算法
       */
      deepTraversal (tree) {
        //深度优先算法
        let cateList = [];
        function deepTraver (node, deepLength) {
          if (node != null) {
            if (node.nodeParentId == 0) {
              deepLength = 0;
            }
            node.deepLength = deepLength; //计算每个节点的深度
            cateList.push(node);
            let childrens = node.children;
            deepLength++;
            for (let i = 0; i &lt; childrens.length; i++) {
              deepTraver(childrens[i], deepLength);
            }
          }
        }
        tree &amp;&amp; tree.forEach(function (item) {
          //深度优先算法
          deepTraver(item)
        })
        return cateList
      },
      /**
       * @function append
       * @deprecated 追加一列 支持插入多个
       */
      append (data) {
        let _this = this
        let searchParentId = ''//父级id
        if (isType(data) == 'Array') {
          searchParentId = data[0][this.normalizer.parentId]
          data.map(item => {
            item.isColspan = true
            item.isShow = true
          })
          this.innersideList = [...this.innersideList, ...data]
        } else if (isType(data) == 'Object') {
          searchParentId = data[this.normalizer.parentId]
          data.isColspan = true
          data.isShow = true
          this.innersideList.push(data)
        } else {
          this.$SkyMessage('传入对象不是对象或数组', 'error')
          return false
        }
        this.initData(this.innersideList)
        /**
         * 父级展开
         */
        this.categoryList.filter(item => {
          if (item.nodeId == searchParentId) {
            item.isColspan = true
          }
          return item
        })
        this.initPageShowList()
        this.ReFreshComponent('ReFreshTbody')
      },
      /**
       * @function delete
       * @deprecated 删除一列
       */
      delete (unit) {
        let _this = this
        function deepDelete (unit) {
          let index = _this.innersideList.findIndex(item => {
            if (item[_this.normalizer.id] == unit.nodeId) {
              return true
            }
          })
          if (_this.treeMap[unit.nodeId].sons &amp;&amp; _this.treeMap[unit.nodeId].sons.length > 0) {
            _this.treeMap[unit.nodeId].sons.map((item) => {
              deepDelete(_this.getAppointNode(item))
              delete _this.treeMap[unit.nodeId]
              _this.innersideList.splice(index, 1)
            })
          } else {
            delete _this.treeMap[unit.nodeId]
            _this.innersideList.splice(index, 1)
          }
        }
        deepDelete(unit)
        this.initData(this.innersideList)
        this.initPageShowList()
        this.TrKey++
        this.current = ''
        deepDelete = null
      },
      /**
       * @function getAllList
       * @deprecated 获取所有数据
       */
      getAllList () {
        return deepClone(this.categoryList)
      },
      /**
       * @function getAllSelectList
       * @deprecated 获取所有选中数据
       */
      getAllSelectList () {
        let allSelect = this.categoryList.filter((item) => {
          return item.check == true
        })
        return deepClone(allSelect)
      },
      /**
       * @function GetCategoryList
       * @deprecated 
       */
      GetCategoryList () {
        return this.categoryList
      },
      /**
       * @function toggle
       * @deprecated 切换
       */
      toggle: function (item) {
        let _this = this
        let list = this.categoryList;
        function getAllChild (node) {
          list.forEach((i, n) => {
            if (i.nodeParentId == node.nodeId) {
              i.isShow = false;
              i.isColspan = false;
              _this.$set(_this.categoryList, n, i)
              getAllChild(i);
            }
          })
        }
        //若是展开,则展开该级的下一级
        if (!item.isColspan) {
          this.categoryList.forEach((i, n) => {
            if (i.nodeParentId == item.nodeId) {
              i.isShow = true;
            }
          })
          this.categoryList.forEach((i, n) => {
            if (i.nodeId == item.nodeId) {
              i.isColspan = !i.isColspan;
              _this.$set(this.categoryList, n, i)
            }
          })
        } else {//若是收起,则收起该级下的所有
          getAllChild(item);
          // this.categoryList = list;
          this.categoryList.forEach((i, n) => {
            if (i.nodeId == item.nodeId) {
              i.isColspan = !i.isColspan;
              _this.$set(this.categoryList, n, i)
            }
          })
        }

        this.initPageShowList()
        this.ReFreshComponent('ReFreshTbody')
      },
      /**
       * @function thStyle
       * @deprecated 
       */
      thStyle (item) {
        let ItemLeft = item.fixedLeftWidth ? `${item.fixedLeftWidth}px` : "0";
        return {
          left: item.fixed ? ItemLeft : "",
          zIndex: item.fixed ? 40 : 20,
          textAlign: item.align ? `${item.align}` : '',
          width: item.width ? `${item.width}px` : '',
          top: this.LargeData ? -this.scrollTop + 'px' : '0px'
        }
      },
      /**
       * @function SelfthStyle
       * @deprecated 
       */
      SelfthStyle (item, h) {
        let ItemLeft = item.fixedLeftWidth ? `${item.fixedLeftWidth}px` : "0";
        return {
          left: item.fixed ? ItemLeft : "",
          zIndex: item.fixed ? 40 : 20,
          width: item.width ? `${item.width}px` : '',
          top: this.LargeData ? -this.scrollTop + `${parseInt(h) * 40}` + 'px' : '0px'
        }
      },
      /**
       * @function getSingleCurrent
       * @deprecated 
       */
      getSingleCurrent (row) {
        this.current = row;
        window.timers = this.timer;
        if (timers) {
          window.clearTimeout(timers);
          this.timer = null;
        }
        this.timer = window.setTimeout(() => {
          this.$emit("getCurrent", row, "Single");
        }, 300);
      },
      /**
       * @function getDoubleCurrent
       * @deprecated 
       */
      getDoubleCurrent (row) {
        window.timers = this.timer;
        if (timers) {
          window.clearTimeout(timers);
          this.timer = null;
        }
        this.$emit("getCurrent", row, "Double");
      },
      /**
       * @function buildRelationships
       * @deprecated 构建关系
       */
      buildRelationships (orignArr) {
        orignArr.map((item) => {
          item.nodeId = item[this.normalizer.id]
          item.nodeParentId = !item[this.normalizer.parentId] ? 0 : item[this.normalizer.parentId]
        })
      },
      /**
       * @function initPageShowList
       * @deprecated 
       */
      initPageShowList () {
        /**判断可显示的数据 */
        if (this.LargeData == true) {
          this.pageShowList = this.categoryList.filter((item, index) => {
            item.index = index
            return item.isShow == true
          }).splice(this.curRow, this.curRow + this.articleList)
        } else {
          this.pageShowList = this.categoryList.filter((item, index) => {
            item.index = index
            return item.isShow == true
          })
        }
      },
      /**
       * @function initialize
       * @deprecated 初始化
       */
      initialize () {
        this.innersideList = this.closeborder ? deepClone(this.outsideList) : this.outsideList
        this.initData(this.innersideList)
        this.defaultexpend ? this.nowLevel(this.subListDeep) : this.nowLevel(1)
        /**初始化列表数据 */
        this.initPageShowList()
      }
    },
    mounted () {
      this.randomPrefix = this.randomprefix()
      this.calcPaneInstances()
    },
  }
&lt;/script>


&lt;style lang="scss" scoped>
@import "./index.scss";
&lt;/style>
</code></pre>
        </article>
    </section>




    
    
</div>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.4</a> on Sat Nov 07 2020 00:03:40 GMT+0800 (GMT+08:00) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
</footer>

<script>prettyPrint();</script>
<script src="scripts/polyfill.js"></script>
<script src="scripts/linenumber.js"></script>

<script src="scripts/search.js" defer></script>


<script src="scripts/collapse.js" defer></script>


</body>
</html>
